import React from 'react';
import { NavLink } from 'react-router-dom';
import { LogoHeader } from '../../../components/Header';
import SearchBox from '../../../components/SearchBox';

import topbanner from '../../../asset/images/commercialtenant/topbanner.png';

import styles from './index.module.less';

export default class Nav extends React.Component {
  render() {
    return (
      <React.Fragment>
        {/* <LogoHeader moduleName='商户首页' rightContent={<SearchBox />} />
        <div className={styles.topbanner}><img src={topbanner} alt=""/></div> */}
        <div className={styles.navBox}>
          <div className={styles.box}>
            <div className={styles.all}>所有分类 &nbsp;&nbsp;&nbsp; ∨ </div>
            <ul>
              <li> <NavLink exact to="/commercial-tenant/shop-index" activeClassName={styles.active}>首页</NavLink></li>
              <li> <NavLink to="/commercial-tenant/shop-introduced" activeClassName={styles.active}>店铺介绍</NavLink></li>
              <li> <NavLink to="/commercial-tenant/shop-sell" activeClassName={styles.active}>在售商品</NavLink></li>
              <li> <NavLink to="/commercial-tenant/shop-qualification" activeClassName={styles.active}>店铺资质</NavLink></li>
              <li> <NavLink to="/commercial-tenant/shop-contact" activeClassName={styles.active}>联系方式</NavLink></li>
              <li> <NavLink to="/commercial-tenant/special-offer"activeClassName={styles.active}>优惠活动</NavLink></li>
              <div className={styles.roghtBox}>
                <NavLink to="/" ><i className='iconfont icon-shoucang'></i> 收藏店铺</NavLink>
                <NavLink to="/"><i className='iconfont icon-jubaozhongxin'></i> 举报中心</NavLink>
              </div>
            </ul>
          </div>
        </div>
      </React.Fragment>
    );
  }
}
